#include "lv_tabview_test.h"
//#include "lv_gauge_test.h"


//#include "key.h"
#include <stdio.h>


lv_style_t bg_style;
lv_style_t indic_style;
lv_style_t btn_bg_style;
lv_style_t btn_rel_style;
lv_style_t btn_pr_style;
lv_style_t btn_tgl_rel_style;
lv_style_t btn_tgl_pr_style;
lv_obj_t * tabview1;
bool is_sliding = true;
bool is_btns_hidden = false;
lv_obj_t * tmp_obj; 
int16_t speed_val = 0;

int16_t valAlarm=70,valFault=100;

static void event_slider_handler(lv_obj_t * obj,lv_event_t event)
{
	char buff[16];
	if(event==LV_EVENT_VALUE_CHANGED||event == LV_EVENT_RELEASED)//lv_slider的进度值发生了改变或者松手了
	{
    if(obj==sliderAlarm)
    {
      		//将当前的进度显示在labelAlarm标签中,如果是松手事件的话,则加上"Alarm:"前缀
    valAlarm=lv_slider_get_value(obj);
		sprintf(buff,event==LV_EVENT_VALUE_CHANGED?"%dm/s":"Alarm:%dm/s(x10)",valAlarm);
		lv_label_set_text(labelAlarm,buff);
		lv_obj_realign(labelAlarm);
    }

    if(obj==sliderFault)
    {
      		//将当前的进度显示在labelFault标签中,如果是松手事件的话,则加上"Fault:"前缀
    valFault=lv_slider_get_value(obj);
		sprintf(buff,event==LV_EVENT_VALUE_CHANGED?"%dm/s":"Fault:%dm/s(x10)",valFault);
		lv_label_set_text(labelFault,buff);
		lv_obj_realign(labelFault);
    }

  lv_gauge_set_value(gauge1,1,valAlarm);//设置指针2指向的数值,就让它指向关键数值点吧
  lv_gauge_set_value(gauge1,2,valFault);//设置指针3指向的数值,就让它指向关键数值点吧

	}
}

static void event_sw_handler(lv_obj_t * obj,lv_event_t event)
{
	if(event==LV_EVENT_VALUE_CHANGED)
	{
    if(obj==swPower){
      		labelPower_DISP_STATE(lv_sw_get_state(obj));
    }

    if(obj==swHeater){
      		labelHeater_DISP_STATE(lv_sw_get_state(obj));
    }

        if(obj==swCharge){
      		labelCharge_DISP_STATE(lv_sw_get_state(obj));
    }

	}
}




//任务回调函数
void task_cb(lv_task_t * task)
{
	static uint8_t is_add_dir = 1;//是否是速度增加的方向
	char buff[40];

/*
	if(is_add_dir)
	{
			speed_val += 5;
			if(speed_val>=130)
				is_add_dir = 0;
	}else
	{
			speed_val -= 5;
			if(speed_val<=0)
				is_add_dir = 1;
	}
	*/
	//设置指针的数值
	lv_gauge_set_value(gauge1,0,speed_val);
	//把此速度显示在标签上,然后根据不同大小的数值显示出不同的文本颜色
	if(speed_val<70)
			sprintf(buff,"#5FB878 %d m/s(x10)#",speed_val);//显示绿色,代表安全
	else if(speed_val<100)
			sprintf(buff,"#FFB800 %d m/s(x10)#",speed_val);//显示黄色,代表警告
	else
			sprintf(buff,"#FF0000 %d m/s(x10)#",speed_val);//显示红色,代表危险
	lv_label_set_text(labelGauge,buff);
}

//事件回调函数
void event_tabview_handler(lv_obj_t * obj,lv_event_t event)
{
  if(obj==tabview1&&event==LV_EVENT_VALUE_CHANGED)
  {
    uint16_t page_id = lv_tabview_get_tab_act(tabview1);//获取当前可见的页面id
    printf("Current page id:%d\r\n",page_id);//串口打印当前页面的id
  }
}


//例程入口
void lv_tabview_test_start()
{
  lv_obj_t *scr = lv_scr_act();//获取当前活跃的屏幕对象

  //1.创建样式
  //1.1 创建背景样式
  lv_style_copy(&bg_style,&lv_style_plain);
  bg_style.body.main_color = LV_COLOR_MAKE(49,49,49);//纯色背景
  bg_style.body.grad_color = bg_style.body.main_color;
  bg_style.body.border.color = LV_COLOR_MAKE(150,150,150);//边框颜色
  bg_style.body.border.width = 2;//边框宽度
  bg_style.text.color = LV_COLOR_WHITE;
  //1.2 创建页面指示器的样式
  lv_style_copy(&indic_style,&lv_style_plain_color);
  indic_style.body.main_color = LV_COLOR_MAKE(42,212,66);//指示器的颜色,绿色
  indic_style.body.grad_color = indic_style.body.main_color;
  indic_style.body.padding.inner = 3;//设置指示器的高度
  //1.3 创建页面选择按钮栏的背景样式
  //lv_style_transp_tight样式中的inner,left,top,right,bottom等内间距值都为0,这是为了让页面选择按钮能够紧挨在一起
  lv_style_copy(&btn_bg_style,&lv_style_transp_tight);
  //1.4 创建按钮正常态下的松手样式
  lv_style_copy(&btn_rel_style,&lv_style_plain_color);
  btn_rel_style.body.main_color = LV_COLOR_MAKE(98,98,98);
  btn_rel_style.body.grad_color = btn_rel_style.body.main_color;
  btn_rel_style.body.border.color = LV_COLOR_MAKE(150,150,150);//边框颜色
  btn_rel_style.body.border.width = 1;
  btn_rel_style.text.color = LV_COLOR_WHITE;//字体颜色
  //1.5 创建按钮正常态下的按下样式
  lv_style_copy(&btn_pr_style,&btn_rel_style);
  btn_pr_style.body.main_color = LV_COLOR_GRAY;
  btn_pr_style.body.grad_color = btn_pr_style.body.main_color;
  //1.6 创建按钮切换态下的松手样式
  lv_style_copy(&btn_tgl_rel_style,&btn_rel_style);
  btn_tgl_rel_style.body.main_color = bg_style.body.main_color;//和主背景颜色一致
  btn_tgl_rel_style.body.grad_color = btn_tgl_rel_style.body.main_color;
  //1.7 创建按钮切换态下的按下样式
  //保持和btn_tgl_rel_style一样就行了
  lv_style_copy(&btn_tgl_pr_style,&btn_tgl_rel_style);

  //2.创建选项卡
  tabview1 = lv_tabview_create(scr,NULL);
  lv_obj_set_size(tabview1,lv_obj_get_width(scr)-20,lv_obj_get_height(scr)-20);//设置选项卡的大小,比屏幕小16像素
  lv_obj_align(tabview1,NULL,LV_ALIGN_CENTER,0,0);//与屏幕居中对齐
  lv_obj_set_event_cb(tabview1,event_tabview_handler);//设置事件回调函数
  lv_tabview_set_btns_pos(tabview1,LV_TABVIEW_BTNS_POS_TOP);//设置页面选择按钮栏位于顶部
  lv_tabview_set_style(tabview1,LV_TABVIEW_STYLE_BG,&bg_style);//设置背景样式
  lv_tabview_set_style(tabview1,LV_TABVIEW_STYLE_INDIC,&indic_style);//设置页面指示器的样式
  lv_tabview_set_style(tabview1,LV_TABVIEW_STYLE_BTN_BG,&btn_bg_style);//设置页面选择按钮栏的背景样式
  lv_tabview_set_style(tabview1,LV_TABVIEW_STYLE_BTN_REL,&btn_rel_style);//设置按钮正常态下的松手样式
  lv_tabview_set_style(tabview1,LV_TABVIEW_STYLE_BTN_PR,&btn_pr_style);//设置按钮正常态下的按下样式
  lv_tabview_set_style(tabview1,LV_TABVIEW_STYLE_BTN_TGL_REL,&btn_tgl_rel_style);//设置按钮切换态下的松手样式
  lv_tabview_set_style(tabview1,LV_TABVIEW_STYLE_BTN_TGL_PR,&btn_tgl_pr_style);//设置按钮切换态下的按下样式


  //2.1 添加tab1内容页面
  lv_obj_t *tab1_page = lv_tabview_add_tab(tabview1,LV_SYMBOL_HOME" Home");

   
  /*
  //往内容页面1中添加标签子对象
 lv_obj_t * tmp_obj = lv_label_create(tab1_page,NULL);
  lv_label_set_text(tmp_obj,"\nThis is the tab1 page\nIf the content\nof a tab\nbecome too long\nthe it \nautomatically\nbecome\nscrollable.");
  //往内容页面1中添加标签子对象
  tmp_obj = lv_btn_create(tab1_page,NULL);
  lv_obj_set_pos(tmp_obj,50,300);
*/

	//1.创建自定义样式
	lv_style_copy(&gauge_style, &lv_style_pretty_color);
	gauge_style.body.main_color = LV_COLOR_MAKE(0x5F,0xB8,0x78);//关键数值点之前的刻度线的起始颜色,为浅绿色
	gauge_style.body.grad_color =  LV_COLOR_MAKE(0xFF,0xB8,0x00);//关键数值点之前的刻度线的终止颜色,为浅黄色
	gauge_style.body.padding.left = 10;//每一条刻度线的长度
	gauge_style.body.padding.inner = 8;//数值标签与刻度线之间的距离
	gauge_style.body.border.color = LV_COLOR_MAKE(0x33,0x33,0x33);//中心圆点的颜色
	gauge_style.line.width = 3;//刻度线的宽度
	gauge_style.text.color = LV_COLOR_BLACK;//数值标签的文本颜色
	gauge_style.line.color = LV_COLOR_RED;//关键数值点之后的刻度线的颜色

	//2.创建一个gauge1仪表盘
	gauge1 = lv_gauge_create(tab1_page, NULL);//创建仪表盘
	lv_obj_set_size(gauge1,200,200);//设置仪表盘的大小
	lv_gauge_set_style(gauge1,LV_GAUGE_STYLE_MAIN,&gauge_style);//设置样式
	lv_gauge_set_range(gauge1,0,150);//设置仪表盘的范围
	needle_colors[0] = LV_COLOR_BLUE;
  needle_colors[1] = LV_COLOR_YELLOW;
	needle_colors[2] = LV_COLOR_PURPLE;
	lv_gauge_set_needle_count(gauge1,sizeof(needle_colors)/sizeof(needle_colors[0]),needle_colors);//设置指针的数量和其颜色
	lv_gauge_set_value(gauge1,0,speed_val);//设置指针1指向的数值,我们把指针1当作速度指针吧
	lv_gauge_set_value(gauge1,1,valAlarm);//设置指针2指向的数值,就让它指向关键数值点吧
  lv_gauge_set_value(gauge1,2,valFault);//设置指针3指向的数值,就让它指向关键数值点吧
	lv_gauge_set_critical_value(gauge1,100);//设置关键数值点
	lv_gauge_set_scale(gauge1,240,31,6);//设置角度,刻度线的数量,数值标签的数量
	lv_obj_align(gauge1,NULL,LV_ALIGN_CENTER,0,0);//设置与屏幕居中对齐

	//3.创建一个标签来显示指针1的数值
	labelGauge = lv_label_create(tab1_page,NULL);
	lv_label_set_long_mode(labelGauge,LV_LABEL_LONG_BREAK);//设置长文本模式
	lv_obj_set_width(labelGauge,100);//设置固定的宽度
	lv_label_set_align(labelGauge,LV_LABEL_ALIGN_CENTER);//设置文本居中对齐
	lv_label_set_style(labelGauge,LV_LABEL_STYLE_MAIN,&lv_style_pretty);//设置样式
	lv_label_set_body_draw(labelGauge,true);//使能背景重绘制
	lv_obj_align(labelGauge,gauge1,LV_ALIGN_CENTER,0,60);//设置与gauge1的对齐方式
	lv_label_set_text(labelGauge,"0 m/s(x10)");//设置文本
	lv_label_set_recolor(labelGauge,true);//使能文本重绘色
  
	//4.创建一个任务来模拟速度指针的变化
	lv_task_create(task_cb,1000,LV_TASK_PRIO_MID,NULL);


  //2.2 添加tab2内容页面
  lv_obj_t *tab4_page = lv_tabview_add_tab(tabview1,LV_SYMBOL_SETTINGS" Setting");

	//1.创建用于滑块的3个样式
	//1.1 创建背景样式
	lv_style_copy(&slider_bg_style,&lv_style_pretty);
	slider_bg_style.body.main_color = LV_COLOR_BLACK;
	slider_bg_style.body.grad_color = LV_COLOR_GRAY;
	slider_bg_style.body.radius = LV_RADIUS_CIRCLE;
	slider_bg_style.body.border.color = LV_COLOR_WHITE;
	//1.2 创建指示器的样式
	lv_style_copy(&slider_indic_style,&lv_style_pretty_color);
	slider_indic_style.body.main_color = LV_COLOR_MAKE(0x5F,0xB8,0x78);
	slider_indic_style.body.grad_color = LV_COLOR_MAKE(0x5F,0xB8,0x78);
	slider_indic_style.body.radius = LV_RADIUS_CIRCLE;
	slider_indic_style.body.shadow.width = 8;
	slider_indic_style.body.shadow.color = slider_indic_style.body.main_color;
	slider_indic_style.body.padding.left = 3;//设置指示器与背景边框之间的距离
	slider_indic_style.body.padding.right = 3;
	slider_indic_style.body.padding.top = 3;
	slider_indic_style.body.padding.bottom = 3;
	//1.3 创建旋钮的样式
	lv_style_copy(&slider_knob_style,&lv_style_pretty);
	slider_knob_style.body.radius = LV_RADIUS_CIRCLE;
	slider_knob_style.body.opa = LV_OPA_70;

	//2.创建滑块对象
	sliderAlarm = lv_slider_create(tab4_page,NULL);
	lv_obj_set_size(sliderAlarm,200,20);//设置大小,当宽度比高度大时,是水平滑块,当宽度比高度小时,是垂直滑块
	lv_slider_set_range(sliderAlarm,0,100);//设置进度范围
	//lv_slider_set_anim_time(sliderAlarm,1000);//设置动画时长,必须得放在lv_slider_set_value前面调用,否则无效
	lv_slider_set_value(sliderAlarm,valAlarm,LV_ANIM_ON);//设置当前的进度值,使能动画效果
	lv_slider_set_style(sliderAlarm,LV_SLIDER_STYLE_BG,&slider_bg_style);//设置背景样式
	lv_slider_set_style(sliderAlarm,LV_SLIDER_STYLE_INDIC,&slider_indic_style);//设置指示器的样式
	lv_slider_set_style(sliderAlarm,LV_SLIDER_STYLE_KNOB,&slider_knob_style);//设置旋钮的样式
	lv_obj_align(sliderAlarm,NULL,LV_ALIGN_CENTER,0,0);//设置与屏幕居中对齐
  //lv_obj_align(labelGauge,gauge1,LV_ALIGN_CENTER,0,60);//设置与gauge1的对齐方式
	lv_obj_set_event_cb(sliderAlarm,event_slider_handler);//设置事件

	//3.创建标签,用来显示滑块的当前进度
	labelAlarm = lv_label_create(tab4_page,NULL);
	lv_obj_align(labelAlarm,sliderAlarm,LV_ALIGN_OUT_TOP_MID,-30,-10);
	lv_label_set_text(labelAlarm,"Alarm:70m/s(x10)");

	sliderFault = lv_slider_create(tab4_page,NULL);
	lv_obj_set_size(sliderFault,200,20);//设置大小,当宽度比高度大时,是水平滑块,当宽度比高度小时,是垂直滑块
	lv_slider_set_range(sliderFault,0,100);//设置进度范围
	//lv_slider_set_anim_time(sliderFault,1000);//设置动画时长,必须得放在lv_slider_set_value前面调用,否则无效
	lv_slider_set_value(sliderFault,valFault,LV_ANIM_ON);//设置当前的进度值,使能动画效果
	lv_slider_set_style(sliderFault,LV_SLIDER_STYLE_BG,&slider_bg_style);//设置背景样式
	lv_slider_set_style(sliderFault,LV_SLIDER_STYLE_INDIC,&slider_indic_style);//设置指示器的样式
	lv_slider_set_style(sliderFault,LV_SLIDER_STYLE_KNOB,&slider_knob_style);//设置旋钮的样式
	lv_obj_align(sliderFault,sliderAlarm,LV_ALIGN_OUT_BOTTOM_MID,0,60);//设置与屏幕居中对齐
  //lv_obj_align(labelGauge,gauge1,LV_ALIGN_CENTER,0,60);//设置与gauge1的对齐方式
	lv_obj_set_event_cb(sliderFault,event_slider_handler);//设置事件

	//3.创建标签,用来显示滑块的当前进度
	labelFault = lv_label_create(tab4_page,NULL);
	lv_obj_align(labelFault,sliderFault,LV_ALIGN_OUT_TOP_MID,-30,-10);
	lv_label_set_text(labelFault,"Fault:100m/s(x10)");


  //2.2 添加tab2内容页面
  lv_obj_t *tab2_page = lv_tabview_add_tab(tabview1,LV_SYMBOL_POWER" Power");
  //往内容页面2中添加标签子对象

//1.创建4个样式
	//1.1 创建背景样式
	lv_style_copy(&sw_bg_style,&lv_style_plain_color);
	sw_bg_style.body.main_color = LV_COLOR_MAKE(0xCC,0xCC,0xCC);//灰白色
	sw_bg_style.body.grad_color = LV_COLOR_MAKE(0xCC,0xCC,0xCC);
	sw_bg_style.body.radius = LV_RADIUS_CIRCLE;//圆角
	sw_bg_style.body.padding.left = -3;//设置背景边框与旋钮边框之间的距离,当设置为负数时,背景会比旋钮大
	sw_bg_style.body.padding.right = -3;
	sw_bg_style.body.padding.top = -3;
	sw_bg_style.body.padding.bottom = -3;
	//1.2 创建指示器样式
	lv_style_copy(&sw_indic_style,&lv_style_plain_color);
	sw_indic_style.body.main_color = LV_COLOR_MAKE(0x65,0xC4,0x66);//浅绿色
	sw_indic_style.body.grad_color = LV_COLOR_MAKE(0x65,0xC4,0x66);
	sw_indic_style.body.radius = LV_RADIUS_CIRCLE;//圆角
	sw_indic_style.body.padding.left = 0;//让指示器与背景边框之间无距离
	sw_indic_style.body.padding.top = 0;
	sw_indic_style.body.padding.right = 0;
	sw_indic_style.body.padding.bottom = 0;
	//1.3 创建关闭状态时,旋钮的样式
	lv_style_copy(&sw_knob_off_style,&lv_style_plain_color);
	sw_knob_off_style.body.main_color = LV_COLOR_WHITE;//纯白色
	sw_knob_off_style.body.grad_color = LV_COLOR_WHITE;
	sw_knob_off_style.body.radius = LV_RADIUS_CIRCLE;//圆角
	sw_knob_off_style.body.shadow.color = LV_COLOR_MAKE(0xA0,0xA0,0xA0);//阴影颜色
	sw_knob_off_style.body.shadow.width = 6;//阴影宽度
	//1.4 创建打开状态时,旋钮的样式
	lv_style_copy(&sw_knob_on_style,&sw_knob_off_style);//保持和关闭状态时的样式一样即可

	//2.创建电源开关对象
	swPower = lv_sw_create(tab2_page,NULL);
	lv_obj_set_size(swPower,50,20);//设置大小
	lv_obj_align(swPower,NULL,LV_ALIGN_IN_TOP_LEFT,6,4);//设置与屏幕左上角对齐LV_ALIGN_IN_BOTTOM_MID  LV_ALIGN_CENTER

	lv_sw_on(swPower,LV_ANIM_ON);//设置为打开状态,并带有动画效果
	lv_sw_set_style(swPower,LV_SW_STYLE_BG,&sw_bg_style);//设置背景样式
	lv_sw_set_style(swPower,LV_SW_STYLE_INDIC,&sw_indic_style);//设置指示器样式
	lv_sw_set_style(swPower,LV_SW_STYLE_KNOB_OFF,&sw_knob_off_style);//设置关闭状态时,旋钮的样式
	lv_sw_set_style(swPower,LV_SW_STYLE_KNOB_ON,&sw_knob_on_style);//设置打开状态时,旋钮的样式
	lv_obj_set_event_cb(swPower,event_sw_handler);//设置事件回调函数

	//3.创建label标签,用来显示开关的当前状态
	labelPower = lv_label_create(tab2_page,NULL);
	lv_label_set_recolor(labelPower,true);//使能重绘色功能
	labelPower_DISP_STATE(lv_sw_get_state(swPower));
	lv_obj_align(labelPower,swPower,LV_ALIGN_OUT_RIGHT_BOTTOM,4,0);

	//2.创建加热器开关对象
	swHeater = lv_sw_create(tab2_page,NULL);
	lv_obj_set_size(swHeater,50,20);//设置大小
	lv_obj_align(swHeater,swPower,LV_ALIGN_OUT_BOTTOM_LEFT,0,10);//设置与屏幕左上角对齐LV_ALIGN_IN_BOTTOM_MID  LV_ALIGN_CENTER

	lv_sw_on(swHeater,LV_ANIM_ON);//设置为打开状态,并带有动画效果
	lv_sw_set_style(swHeater,LV_SW_STYLE_BG,&sw_bg_style);//设置背景样式
	lv_sw_set_style(swHeater,LV_SW_STYLE_INDIC,&sw_indic_style);//设置指示器样式
	lv_sw_set_style(swHeater,LV_SW_STYLE_KNOB_OFF,&sw_knob_off_style);//设置关闭状态时,旋钮的样式
	lv_sw_set_style(swHeater,LV_SW_STYLE_KNOB_ON,&sw_knob_on_style);//设置打开状态时,旋钮的样式
	lv_obj_set_event_cb(swHeater,event_sw_handler);//设置事件回调函数

	//3.创建label标签,用来显示开关的当前状态
	labelHeater = lv_label_create(tab2_page,NULL);
	lv_label_set_recolor(labelHeater,true);//使能重绘色功能
	labelHeater_DISP_STATE(lv_sw_get_state(swHeater));
	lv_obj_align(labelHeater,swHeater,LV_ALIGN_OUT_RIGHT_BOTTOM,4,0);



  //2.3 添加tab3内容页面
  lv_obj_t *tab3_page = lv_tabview_add_tab(tabview1,LV_SYMBOL_CHARGE" Charge");
  //往内容页面3中添加标签子对象
	//2.创建电源开关对象
	swCharge = lv_sw_create(tab3_page,NULL);
	lv_obj_set_size(swCharge,50,20);//设置大小
	lv_obj_align(swCharge,NULL,LV_ALIGN_IN_TOP_LEFT,6,4);//设置与屏幕左上角对齐LV_ALIGN_IN_BOTTOM_MID  LV_ALIGN_CENTER

	lv_sw_on(swCharge,LV_ANIM_ON);//设置为打开状态,并带有动画效果
	lv_sw_set_style(swCharge,LV_SW_STYLE_BG,&sw_bg_style);//设置背景样式
	lv_sw_set_style(swCharge,LV_SW_STYLE_INDIC,&sw_indic_style);//设置指示器样式
	lv_sw_set_style(swCharge,LV_SW_STYLE_KNOB_OFF,&sw_knob_off_style);//设置关闭状态时,旋钮的样式
	lv_sw_set_style(swCharge,LV_SW_STYLE_KNOB_ON,&sw_knob_on_style);//设置打开状态时,旋钮的样式
	lv_obj_set_event_cb(swCharge,event_sw_handler);//设置事件回调函数

	//3.创建label标签,用来显示开关的当前状态
	labelCharge = lv_label_create(tab3_page,NULL);
	lv_label_set_recolor(labelCharge,true);//使能重绘色功能
	labelCharge_DISP_STATE(lv_sw_get_state(swCharge));
	lv_obj_align(labelCharge,swCharge,LV_ALIGN_OUT_RIGHT_BOTTOM,4,0);

}

/*

#define LV_SYMBOL_AUDIO           "\xef\x80\x81"
#define LV_SYMBOL_VIDEO           "\xef\x80\x88"
#define LV_SYMBOL_LIST            "\xef\x80\x8b"
#define LV_SYMBOL_OK              "\xef\x80\x8c"
#define LV_SYMBOL_CLOSE           "\xef\x80\x8d"
#define LV_SYMBOL_POWER           "\xef\x80\x91"
#define LV_SYMBOL_SETTINGS        "\xef\x80\x93"
#define LV_SYMBOL_TRASH           "\xef\x80\x94"
#define LV_SYMBOL_HOME            "\xef\x80\x95"


//按键处理
void key_handler()
{
	static u16 page_id = 0;
	
	u8 key = KEY_Scan(0);
	
	if(key==KEY0_PRES)
	{
		//使用接口来切换内容页面
		page_id++;
		if(page_id==3)
			page_id = 0;
		lv_tabview_set_tab_act(tabview1,page_id,LV_ANIM_ON);//带有切换动画效果
	}else if(key==KEY1_PRES)
	{
		//是否使能手指滑页功能
		is_sliding = !is_sliding;
		lv_tabview_set_sliding(tabview1,is_sliding);
	}else if(key==WKUP_PRES)
	{
		//是否隐藏页面选择按钮栏
		is_btns_hidden = !is_btns_hidden;
		lv_tabview_set_btns_hidden(tabview1,is_btns_hidden);
	}
}

*/